<!DOCTYPE html>
<html lang="zh-cn">

<head><title>
    404 Page Not Found | 
    
    ZZY2357 的博客</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description" content="ZZY2357 的博客
    ">


<meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="ZZY2357 的博客" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://zzy2357.gitee.io/404.html" />


<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="404 Page not found"/>
<meta name="twitter:description" content="ZZY2357 的博客"/>

<meta itemprop="name" content="404 Page not found">
<meta itemprop="description" content="ZZY2357 的博客">
<link rel="canonical" href="https://zzy2357.gitee.io/404.html" />

<link rel="icon" type="image/png" href="https://zzy2357.gitee.io/image/favicon.ico">

<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bulma.min.css">





<script src=/js/ramium.js></script>
<link rel="stylesheet" href=/css/ramium.css>





</head>

<body><nav class="navbar is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href=/>
      
      <strong>ZZY2357 的博客 </strong>
      
    </a>

    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
      data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      
      
      <a class="navbar-item" href="/">主页</a>
      
      
      
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">博客</a>
        <div class="navbar-dropdown">
          
          <a class="navbar-item" href="/tags/">所有标签</a>
          
          <a class="navbar-item" href="/posts/">所有文章</a>
          
        </div>
      </div>
      
      
      
      <a class="navbar-item" href="/about/">关于</a>
      
      
      
      <a class="navbar-item" href="/index.xml">RSS</a>
      
      
    </div>

    <div class="navbar-end">
      
      <a class="navbar-item navgithub" href="https://github.com/zzy2357" target="_blank">
        <i class="fa fa-github fa-2x"></i>
      </a>
      

      
    </div>
  </div>
</nav>


<section class="hero has-text-centered">
    <div class="hero-body">
        <div class="container">
            <h1 class="title is-1">
                404! Page not found...
            </h1>

            <br><br>

            <h1 class="subtitle is-4">
                Here's what may have happened:
            </h1>
            <h1 class="subtitle is-6">
                1. The page was moved to another location. You can search for it above.
            </h1>
            <h1 class="subtitle is-6">
                2. The page was removed. You can read another one from below.
            </h1>
            <h1 class="subtitle is-6">
                3. This page never existed
            </h1>
        </div>
    </div>
</section>

















<div class="columns is-centered has-text-centered">
    <div class="column is-10">
        <div class="content">
            <a href="/tags/">
                <h1>Read articles by tags</h1>
            </a>
            <p class="tags-summary">
                
                <a href="/tags/blog">
                    <span class="tag is-dark is-large is-rounded">
                        Blog
                    </span>
                </a>
                
                <a href="/tags/go">
                    <span class="tag is-dark is-large is-rounded">
                        Go
                    </span>
                </a>
                
                <a href="/tags/hugo">
                    <span class="tag is-dark is-large is-rounded">
                        Hugo
                    </span>
                </a>
                
                <a href="/tags/linux">
                    <span class="tag is-dark is-large is-rounded">
                        Linux
                    </span>
                </a>
                
                <a href="/tags/markdown">
                    <span class="tag is-dark is-large is-rounded">
                        Markdown
                    </span>
                </a>
                
            </p>
        </div>
    </div>
</div>
<br>






<div class="columns is-centered">
    <div class="column is-7">
        <div class="content">
            <a href="/posts/">
                <h1 class="is-3">Recent posts</h1>
            </a>
        </div>
        <div class="blog-brief">
    <a href="/posts/make-swap/">
        <h3 class="title is-4">
            制作 Swap 分区
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/make-swap/">
                    <p class="subtitle info date">Jul 20, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/make-swap/">
                    <p class="subtitle info">
                        3 mins read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/linux">Linux</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/make-swap/">
                <p class="summary">
                    之前感觉 Linux 各个发行版都有卡顿，有时甚至不得不强制关机。后来才发现，是 swap 的问题。这里教大家如何搞 swap 分区。
什么是 swap 分区？ 抄自百度百科：
 Swap 分区在系统的物理内存不够用的时候，把硬盘内存中的一部分空间释放出来，以供当前运行的程序使用。那些被释放的空间可能来自一些很长时间没有什么操作的程序，这些被释放的空间被临时保存到 Swap 分区中，等到那些程序要运行时，再从 Swap 分区中恢复保存的数据到内存中。
 虽然不怎么懂，反正知道设了就不会那么卡就行（手动滑稽）。
swap 分区设多大？ 看看 Red Hat 的文档推荐的 swap 空间：
   系统 RAM 容量 建议 swap 空间大小 允许休眠的建议 swap 空间大小     ⩽ 2GB RAM 容量的两倍 RAM 容量的三倍   &gt; 2GB – 8GB 与 RAM 容量相等 RAM 容量的两倍   &gt; 8GB – 64GB 至少 4GB RAM 容量的 1.
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/make-swap/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div><div class="blog-brief">
    <a href="/posts/make-a-blog-with-hugo/">
        <h3 class="title is-4">
            使用 Hugo 制作博客
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/make-a-blog-with-hugo/">
                    <p class="subtitle info date">Jun 13, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/make-a-blog-with-hugo/">
                    <p class="subtitle info">
                        2 mins read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/hugo">Hugo</a>
            
            <a class="tag is-rounded" href="/tags/markdown">Markdown</a>
            
            <a class="tag is-rounded" href="/tags/blog">Blog</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/make-a-blog-with-hugo/">
                <p class="summary">
                    Hugo 是一个由 Golang 编写的超快的静态博客生成器。下面来看看如何使用 Hugo 制作一个属于自己的博客吧！
安装 使用 snap snap install hugo --channel=extended # 包括安装 Sass 等的拓展 新建博客 hugo new site my-blog # “my-blog”可以换成任意名字 cd my-blog 编写内容 hugo new posts/hello.md # 新建一篇博客文章 # vim ./content/posts/hello.md echo &#39;# Hello!&#39; &gt; ./content/posts/hello.md # 写入内容 添加主题  安装  这个时候博客还是不能预览，需要添加主题。这里我们以 Ananke 主题为例
git init # 初始化 git 仓库，为了将主题以 git 子模块的方式添加 git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke # 将主题以 git 子模块的方式添加到 themes 文件夹里；如果 git clone 慢，可以试试 Gitee 导入 Github仓库的方式  切换主题  编辑 config.
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/make-a-blog-with-hugo/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div><div class="blog-brief">
    <a href="/posts/simple-gin-json-server/">
        <h3 class="title is-4">
            使用 Go &#43; Gin 实现一个简单的 Json 服务器
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/simple-gin-json-server/">
                    <p class="subtitle info date">Jun 11, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/simple-gin-json-server/">
                    <p class="subtitle info">
                        2 mins read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/go">Go</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/simple-gin-json-server/">
                <p class="summary">
                    有时在学习前端的时候，不得不用一下一些 API，但是又找不到自己想要的数据，所以这个时候可以自己制作一个。这里我们使用 GO 语言和 Gin 框架来做一个。
搭建项目 cd $GOPATH/src/github.com/zzy2357 # 创建文件夹 mkdir simple-json-server cd ./simple-json-server # 初始化 Go Mod go mod init # 创建主文件 touch main.go 写代码 package main import ( // 导入模块 	&#34;github.com/gin-gonic/gin&#34; ) func main() { r := gin.Default() r.GET(&#34;/&#34;, func(c *gin.Context) { // 跨域设置  c.Header(&#34;Access-Control-Allow-Origin&#34;, &#34;*&#34;) // 200 状态码 	c.JSON(200, gin.H{ // Json 数据 	&#34;message&#34;: &#34;Hello world!&#34;, }) }) // 运行服务器，端口为 8000 	r.
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/simple-gin-json-server/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div><div class="blog-brief">
    <a href="/posts/learn-markdown/">
        <h3 class="title is-4">
            学习 Markdown
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/learn-markdown/">
                    <p class="subtitle info date">Jun 3, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/learn-markdown/">
                    <p class="subtitle info">
                        3 mins read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/markdown">Markdown</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/learn-markdown/">
                <p class="summary">
                    学习 Markdown 本篇将会介绍 Markdown 的基础知识。
文件名 Markdown 文件的拓展名，最常用的是 .md。
链接 格式 [描述](链接) 例子 [ZZY2357 的个人主页](http://zzy2357.gitee.io) ZZY2357 的个人主页
粗体 格式 **文字** 例子 这是一个很**严峻**的问题。 这是一个很严峻的问题。
斜体 格式 *文字* 例子 我也是*醉了*。 我也是醉了。
无序列表 格式 - item - item - item - item ... 例子 我有： - 苹果 - 香蕉 - 桃子 我有：
 苹果 香蕉 桃子  有序列表 语法 1. item 2. item 1. item 2. item 3. item 例子 1. 首先，执行 `git clone git@gitee.
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/learn-markdown/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div><div class="blog-brief">
    <a href="/posts/config-my-system/">
        <h3 class="title is-4">
            配置系统
        </h3>
    </a>

    <div class="level is-mobile details">
        <div class="level-left">

            
            <div class="level-item">
                <a href="/posts/config-my-system/">
                    <p class="subtitle info date">Jun 3, 2020
                    </p>
                </a>
            </div>
            


            <div class="level-item">
                <a href="/posts/config-my-system/">
                    <p class="subtitle info">
                        1 min read
                    </p>
                </a>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            
            <a class="tag is-rounded" href="/tags/linux">Linux</a>
            
        </div>
    </div>

    <div>
        

        <div>
            <a href="/posts/config-my-system/">
                <p class="summary">
                    配置系统 由于本人喜爱 Linux，经常尝试不同的发行版，但几乎都是百分百全盘格式化安装（只为图个方便【滑稽】），经常需要捣鼓系统，在此做个总结。
Node.js &amp; NPM 配置镜像源 npm config set registry &#39;https://registry.npm.taobao.org&#39; export ELECTRON_MIRROR=&#39;https://npm.taobao.org/mirrors/electron/&#39; export SASS_BINARY_SITE=&#39;https://npm.taobao.org/mirrors/node-sass&#39; 全局安装无权限 mkdir ~/.npm-global npm config set prefix &#39;~/.npm-global&#39; 配置环境变量
export PATH=~/.npm-global/bin:$PATH 安装工具  cnpm @vue/cli node-sass typescript electron eslint express-generator vuepress serve  cnpm i -g @vue/cli node-sass typescript electron eslint express-generator vuepress serve zsh &amp; oh-my-zsh 安装 zsh sudo apt install zsh 安装 oh-my-zsh wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh sh ./install.sh VSCode 插件  Prettier 格式化代码 Auto Rename Tag 自动改标签名称 vscode-icons 图标 Vetur 对 .
                    
                </p>
            </a>
        </div>
    </div>

    <div class="level is-mobile continue-reading">
        <div class="level-left">
        </div>
        <div class="level-right">
            <a href="/posts/config-my-system/">Continue reading <i class="fa fa-angle-double-right"
                    aria-hidden="true"></i></a>
        </div>
    </div>
    <hr>
</div>

        <div class="content">
            <a href="/posts/">
                <h4 class="has-text-centered seeall">See all</h4>
            </a>
        </div>
    </div>
</div>

<footer class="footer has-background-dark">
    <div class="content has-text-centered has-text-white">
        <p>
            © 2020 Ramium. Powered by
            <a class="has-text-light" href="https://github.com/gohugoio/hugo" target="_blank">
            Hugo</a>. Theme
            <a class="has-text-light" href="https://github.com/rafed123/ramium/" target="_blank">
                Ramium.
            </a>
        </p>
    </div>
</footer>
</body>

</html>